@media all {
    html {
        font-size: 16px;
    }
}
@media all and (min-width: 220px){
    html {
        font-size: 10px;
    }
}

@media all and (max-width: 369px){
    html {
        font-size: 12px;
    }
}

@media all and (min-width: 370px){
    html {
        font-size: 14px;
    }
}
@media all and (min-width: 435px){
    html {
        font-size: 16px;
    }
}
@media all and (min-width: 500px){
    html {
        font-size: 18px;
    }
}
@media all and (min-width: 720px){
    html {
        
    }
}
@media all and (min-width: 860px){
    html {
        
    }
}
@media all and (min-width: 1000px){
    html {
        
    }
}

